/* eslint-disable react/prop-types */
/* eslint-disable prettier/prettier */
import { LoadingOutlined } from '@ant-design/icons'

function Mask(props) {
  return (
    <>
      {props.maskShow && (
        <div
          style={{
            width: '100%',
            height: '100%',
            zIndex: '9999',
            position: 'absolute',
            top: '40px',
            left: '0',
            display: 'flex',
            justifyContent: 'center',
            alignItems: 'center'
          }}
        >
          <div
            style={{
              width: '80px',
              height: '80px',
              backgroundColor: 'rgba(0, 0, 0, .7)',
              borderRadius: '10px',
              display: 'flex',
              justifyContent: 'center',
              alignItems: 'center'
            }}
          >
            <LoadingOutlined />
          </div>
        </div>
      )}
    </>
  )
}

export default Mask
